import React from "react";
import {Button, Grid, makeStyles, Paper} from "@material-ui/core";
import KeyboardBackspaceIcon from "@material-ui/icons/KeyboardBackspaceRounded"

import {Toolbar} from "../../shared/components";

const useStyle = makeStyles(theme => ({
    paper: {padding: theme.spacing(3, 2)}
}));

const ViewAddress = ({onClose, data, ...props}) => {
    const classes = useStyle();

    return (
        <Grid container spacing={4}>
            <Toolbar
                title="View Address"
                actions={<React.Fragment>
                    <Button variant="outlined" onClick={onClose} startIcon={<KeyboardBackspaceIcon/>}>Back</Button>
                </React.Fragment>}
            />

            <Grid item xs={12}>
                <Paper elevation={2} className={classes.paper}>
                    {data && <Grid container spacing={3} alignItems={"center"}>

                    </Grid>}
                </Paper>
            </Grid>
        </Grid>
    );
};

export default ViewAddress;
